<!DOCTYPE html>
<html>

<head>
	<meta charset="UTF-8" />
	<title>加载天地图</title>
	<script type="text/javascript" src="http://api.tianditu.com/js/maps.js"></script>
</head>

<body>
	<style type="text/css">
		#mapDiv {
			height: 600px;
			border: 1px solid #ccc;
			margin: 10px;
		}
	</style>
	<div id="mapDiv"></div>
	<script type="text/javascript">
		function loadMap() {//加载基本地图和导航
			try {
				map = new TMap("mapDiv"); //初始化地图对象
				map.centerAndZoom(new TLngLat(103.388611, 35.563611), 4);//设置显示地图的中心点和级别-中国
				var config = {
					type: "TMAP_NAVIGATION_CONTROL_LARGE",   //缩放平移的显示类型
					anchor: "TMAP_ANCHOR_TOP_LEFT",          //缩放平移控件显示的位置
					offset: [0, 0],                           //缩放平移控件的偏移值
					showZoomInfo: true                       //是否显示级别提示信息，true表示显示，false表示隐藏。
				};
				//创建缩放平移控件对象
				control = new TNavigationControl(config);
				//添加缩放平移控件
				map.addControl(control);

				map.enableHandleMouseScroll(); //允许鼠标双击放大地图   
			} catch (err) {
				alert('图加载不成功，请稍候再试！你可以先使用其他功能！');
			}
		}

		loadMap();

	</script>
</body>

</html>